<link rel="stylesheet" href="css/global.css">
<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script>
$(function(){
	$('#slides3').slides({
		preload: true,
		container: 'slides_container3',
		paginationClass: 'pagination3',
		preloadImage: 'images/loading.gif',
		play: 5000,
		pause: 2500,
		hoverPause: true
	});
});
</script>
<div id="index_banner">
	<div id="container2">
		<div id="example">
			<div id="slides3">
				<div class="slides_container3">
				<?php
				if($rowTable){
					foreach($rowTable as $row){
				?>
					<img src="<?=Yii::app()->params['slidePath']?>/<?=$row->pic?>" width="1000" height="570" alt="Slide 1">
				<?php
					}
				}
				?>
				</div>
			</div>
		</div>
	</div>
</div>
<div id="contener">
<?php
if($rowTable2){
	$i='1';
	foreach($rowTable2 as $row){
?>
	<div class="contenerBox">
		<div class="contenerBoxTitle"><img src="images/indexBOXtitle0<?=$i?>.gif" width="119" height="35" alt="人氣限定" /></div>
		<div class="contenerBoxName"><?=$row->title?></div>
		<div class="contenerBoxImg"><a href="<?=$row->link?>" target="_self"><img src="<?=Yii::app()->params['slidePath']?>/<?=$row->pic?>" alt="<?=$row->title?>" title="<?=$row->title?>" width="320" height="240" border="0" /></a></div>
	</div>
<?
		$i++;
	}
}
?>	
</div>